<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>testpage</title>
  <link rel="stylesheet" type="text/css" href="/eazyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="/eazyui/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="/eazyui/demo.css">
  <script type="text/javascript" src="/eazyui/jquery.min.js"></script>
  <script type="text/javascript" src="/eazyui/jquery.easyui.min.js"></script>
</head>

<body>
<h2>Basic Form</h2>
<p>Fill the form and submit it.</p>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" title="New Topic" style="width:400px">
  <div style="padding:10px 60px 20px 60px">
    <form id="ff" method="post">
      <table cellpadding="5">
        <tr>
          <td>Name:</td>
          <td>
            <input class="easyui-textbox" type="text" name="name" data-options="required:true"></input>
          </td>
        </tr>
        <tr>
          <td>Email:</td>
          <td>
            <input class="easyui-textbox" type="text" name="email"
                   data-options="required:false,validType:'email'"></input>
          </td>
        </tr>
        <tr>
          <td>Subject:</td>
          <td>
            <input class="easyui-textbox" type="text" name="subject" data-options="required:true"></input>
          </td>
        </tr>
        <tr>
          <td>Message:</td>
          <td>
            <input class="easyui-textbox" name="message" data-options="multiline:true" style="height:60px"></input>
          </td>
        </tr>
        <tr>
          <td>Language:</td>
          <td>
            <select class="easyui-combobox" name="language">
              <option value="ar">Arabic</option>
              <option value="bg">Bulgarian</option>
              <option value="ca">Catalan</option>
              <option value="zh-cht">Chinese Traditional</option>
            </select>
          </td>
        </tr>
      </table>
    </form>
    <div style="text-align:center;padding:5px">
      <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">Submit</a>
      <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">Clear</a>
    </div>
  </div>
</div>
<script>
        function submitForm() {
            $('#ff').form('submit',{
            url: '/dotest'
            });
        }
        function clearForm() {
            $('#ff').form('clear');
        }


</script>
</body>

</html>